@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
put,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
body *{ font-size:12px; }

/*header*/
.tdHeader{background-color:#507AAA;overflow:hidden;}

#header {
  height:100px;
  position:relative;
}
#header h1 {
  font-size:14px;
  padding-left:5px;
  height:40px;
  line-height:40px;
}
#header h1 em {
  font:36px/1.2 Arial, Helvetica, sans-serif;
  color:#fff;
  color:#00cc00\9;
  margin-right:5px;
  position:relative;
  text-shadow:1px 1px 1px #444;
}
#header h1 em:after {
  content:"";
  position:absolute;
  height:42px;
  width:95px;
  background:-moz-linear-gradient(bottom center, rgba(80, 122, 170, 0.7), rgba(80, 122, 170, 0));
  background:-webkit-gradient(linear, center bottom, center top, from(rgba(80, 122, 170, 0.7)), to(rgba(80, 122, 170, 0)));
  top:0;
  left:0;
}
#header h1 em:hover:after {
  background:-moz-linear-gradient(bottom center, rgba(80, 122, 170, 0.5), rgba(80, 122, 170, 0));
  background:-webkit-gradient(linear, center bottom, center top, from(rgba(80, 122, 170, 0.5)), to(rgba(80, 122, 170, 0)));
}
#header p {
  background-color:#2C4056;
  color:#ccc;
  height:25px;
  line-height:25px;
  text-align:right;
  padding-right:10px;
}
#header a {
  color:#ccc;
  text-decoration:none;
}
#header a:hover {
  color:#fff;
}
#header h1 a {
  color:#fff;
}
#main-menu {
  height:25px;
  width:500px;
  position:absolute;
  left:5px;
  bottom:0;
}
#main-menu a {
  color:#fff;
  font-weight:bold;
  padding:0 10px;
  height:25px;
  line-height:25px;
  display:-moz-inline-stack;
  display:inline-block;
  _zoom:1;
  _display:inline;
}
#main-menu a:hover {
  text-decoration:underline;
}
#main-menu li {
  float:left;
}
#main-menu li:hover {
  background-color:#668FBE;
}
#main-menu .current {
  background-color:#eee;
}
#main-menu .current a {
  color:#555;
}
#main-menu .current a:hover{ background-color:#eee;}

/*menu*/
.tdMenu {
  font:13px/1.231 arial, helvetica, clean, sans-serif;
  height:100%;
  padding:5px 0 5px 10px;
  background-color:#eee;
}
#nav {
  padding-bottom:10px;
  width:153px;
  overflow:hidden;
}
#nav h2{
}
#nav h2 a{
  outline:none;
  display:block;
  border-bottom:1px solid #D9D9D9;
  margin:5px;
  padding:4px 5px 4px 0;
  color:#2288BB;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
}
#nav h2.current a{
  background:url("../frame_btn.png") no-repeat -6px center;
  padding-left:10px;
}
#nav ol{
  margin-bottom:15px;
}
#nav ol li{
  background:url("../bullet.gif") no-repeat 6px 6px;
  font-size:12px;
  margin:0 5px 2px 12px;
  _zoom:1;
}
#nav ol li a,
#nav ol li a:visited {
  color:#333;
  display:block;
  padding:2px 5px 2px 16px;
  text-decoration:none;
}
#nav ol li a:hover {
  text-decoration:underline;
}
#nav ol li.current {
  background-position:6px -38px;
}
#nav ol li.current a{
	color:#2288BB;
}
#nav ol li span {
  color:#999;
  display:block;
  padding:2px 5px 2px 16px;
}

.tdFooter {
  background-color:#eee;
  overflow:hidden;
}
#footer p{
  border-top:1px solid #D9D9D9;
  height:30px;
  line-height:30px;
  color:#333;
  text-align:center;
}
